*{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
#header{
    width: 10rem;
    height: 50px;
    background-color: #1D6DFF;
    .xz{
        color: white;
        font: .48rem/1.3333rem "";
    }
}
#search{
    width: 10rem;
    height: 50px;
    border-bottom: .0267rem solid #ccc;
    overflow: hidden;
    position: relative;
    .search{
        height: .8rem;
        overflow: hidden;
        width: 9.4667rem;
        margin: .2667rem auto;
        .txt{
            float: left;
            background-color: #F1F1F1;
            height: .8rem;
            width: 8.4rem;
            border: none;
            border-radius: .4rem;
            font: .4267rem/.8rem "";
            padding-left: .2667rem;
        }
        p{
            float: right;
            background-color: #1D6DFF;
            color: white;
            height: .8rem;
            width: 1.7333rem;
            font: .4267rem/.8rem "";
            border-radius: .4rem;
            text-align: center;
            position: absolute;
            right: .2667rem;
            top: .2667rem;
        }
    }
}
#nav{
    width: 10rem;
    ul{
        width: 10rem;
        overflow: hidden;
        li{
            margin:0 .0493rem .1067rem;
            width: 2.4rem;
            height: 2.6667rem;
            float: left;
            // background-color: pink;
            img{
                width: 1.3333rem;
                height: 1.3333rem;
                margin: .4rem .5333rem .1333rem;
            }
            p{
                text-align: center;
                
            }
        }
    }
}
#main{
    .title{
        color: white;
        background-color: #1D6DFF;
        width: 10rem;
        height: .9333rem;
        font: .5rem/.9333rem "";
        font-weight: bold;
    }
    .lis li{
        margin-top: .5333rem;
        overflow: hidden;
        width: 10rem;
        height: 3.4667rem;
        position: relative;
        // background-color: aqua;
        img{
            margin-top: .4rem;
            width: 2.6667rem;
            height: 2.6667rem;
            float: left;
        }
        .jieshao{
            padding-left: 2.9333rem;
            margin-top: .5333rem;
            padding-right: .2667rem;
            .pinkage{
                color: pink;
            }
        }
        .biaoqian{
            position: absolute;
            width: 7.3333rem;
            left: 2.9333rem;
            bottom: 1.0667rem;
            color: #ccc;
            font: .3733rem/.5333rem "";
            .pinlin{
                position: absolute;
                right: 0;
            }
        }
    }
    #more{
        height: 1.6rem;
        background-color: #F4F4F4;
        p{
            height: .8rem;
            border: 1px solid #ccc;
            border-radius: .1333rem;
            margin: .2667rem .2667rem 0 .2667rem;
            text-align: center;
            font: .32rem/.8rem "";
            color: #666;
        }
    }
}
#foot{
    .title{
        color: white;
        background-color: #1D6DFF;
        width: 10rem;
        height: .9333rem;
        font: .5rem/.9333rem "";
        font-weight: bold;
    }
    ul{
        width: 10rem;
        display: flex;
        margin: 15px 0;
        li{
            border-top: 1px solid #666;
            border-bottom: 1px solid #666;
            flex: 1;
            height: .9067rem;
            text-align: center;
            color: #666;
            font: .3733rem/.9067rem "";
        }
        .li1{
            border-right: 1px solid #666;
        }
        .li3{
            border-left: 1px solid #666;
        }
    }
    .p1{
        height: 1.0133rem;
        width: 10rem;
        text-align: center;
        font: .3733rem/.5067rem "";
        color: #666;
    }
}
.title{
    position: relative;
}
#x{
    position: absolute;
    right: .5333rem;
}